<!-- 危险化学品 -->
<script lang="ts" setup>
import Filter from "./components/filter.vue";
import Handler from "./components/handler.vue";
import Sheet from "./components/sheet.vue";
import { createState } from "./state";

defineOptions({ name: "Chemicals" });

const {
	page: { currentPage, pageSize, isLoading, total },
} = createState();
</script>

<template>
	<page-content class="p-0! m-0!" header-class="pb-0!">
		<template #header>
			<div flex="~ justify-between">
				<Filter mb="0!" />
				<Handler />
			</div>
		</template>
		<Sheet />
		<template #footer>
			<el-pagination
				v-model:current-page="currentPage"
				v-model:page-size="pageSize"
				:disabled="isLoading"
				:total="total"
			/>
		</template>
	</page-content>
</template>
